<template>
	<div class="main clearfix">
		<div class="content">
			<div class="logo fl">
				<Logo></Logo>
			</div>
			<div class="search-box fl">
				<div class="input-search fl">
					<SearchBox></SearchBox>
				</div>
				<div class="cart fl">
					<Cart></Cart>
				</div>
			</div>
			<div class="right fr">
				<img class="logo" src="@/assets/images/logo/right1.png" alt="来京西有惊喜">	
			</div>
		</div>
	</div>
</template>

<script setup>
	import Logo from "@/components/common/Logo"
	import SearchBox from "@/components/home/SearchBox"
	import Cart from '@/components/home/Cart'
</script>

<style lang="less" scoped>
	.main{
		.content{
			width: var(--content-width);
			margin: 0 auto;
			height: 140px;
			.search-box{
				width: 800px;
				height: 70px;
			}
			.right{
				image {
					width: 250px;
					height: 120px;
				}
				line-height: 140px;
			}
		}
	}
</style>